﻿@using Microsoft.Owin.Security

@*<h4>Use another service to log in.</h4>
<hr />
@{
    var loginProviders = Context.GetOwinContext().Authentication.GetExternalAuthenticationTypes();
    if (loginProviders.Count() == 0)
    {
        <div>
            <p>There are no external authentication services configured. See <a href="http://go.microsoft.com/fwlink/?LinkId=313242">this article</a>
            for details on setting up this ASP.NET application to support logging in via external services.</p>
        </div>
    }
    else
    {
        string action = Model.Action;
        string returnUrl = Model.ReturnUrl;
        using (Html.BeginForm(action, "Account", new { ReturnUrl = returnUrl }))
        {
            @Html.AntiForgeryToken()
            <div id="socialLoginList">
                <p>
                @foreach (AuthenticationDescription p in loginProviders)
                {
                    <button type="submit" class="btn btn-default" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType" title="Log in using your @p.Caption account">@p.AuthenticationType</button>
                }
                </p>
            </div>
        }
    }
}*@




<div class="container">
    <!-- main slider carousel -->
    <div class="row">
        <div class="col-md-8" id="slider">
            <div class="col-md-9" id="carousel-bounding-box">
                <div id="myCarousel" class="carousel slide">
                    <!-- main slider carousel items -->
                    <div class="carousel-inner">
                        <div class="active item" data-slide-number="0">
                            <img src="Resources/Images/VizzioCaratula.jpg" class="img-responsive" style="align-content:center">
                        </div>
                        <div class="item" data-slide-number="1">
                            <img src="Resources/Images/otherGreen.jpg" class="img-responsive">
                        </div>
                        <div class="item" data-slide-number="2">
                            <img src="Resources/Images/otherRed.jpg" class="img-responsive">
                        </div>
                        <div class="item" data-slide-number="3">
                            <img src="Resources/Images/otherYellow.jpg" class="img-responsive">
                        </div>
                    </div>
                    <!-- main slider carousel nav controls --> <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>

                    <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
                </div>
            </div>

        </div>
    </div>
    <!--/main slider carousel-->

</div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script>
        $('#myCarousel').carousel({
            interval: 4000
        });

        // handles the carousel thumbnails
        $('[id^=carousel-selector-]').click(function () {
            var id_selector = $(this).attr("id");
            var id = id_selector.substr(id_selector.length - 1);
            id = parseInt(id);
            $('#myCarousel').carousel(id);
            $('[id^=carousel-selector-]').removeClass('selected');
            $(this).addClass('selected');
        });

        // when the carousel slides, auto update
        $('#myCarousel').on('slid', function (e) {
            var id = $('.item.active').data('slide-number');
            id = parseInt(id);
            $('[id^=carousel-selector-]').removeClass('selected');
            $('[id^=carousel-selector-' + id + ']').addClass('selected');
        });

    </script>
}